<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
    <title>约美丽</title>
    
    <link rel="stylesheet" href="style/jquery.mmenu-5.0.3.css" />
    <link rel="stylesheet" href="style/hhframe-1.0.0.css" />
    <link rel="stylesheet" href="style/order.css" />
    <script src="script/jquery-1.11.1.min.js"></script>
    <script src="script/jquery.mmenu-5.0.3.js"></script>
    <script src="script/jquery.iscroll.5.js"></script>
    <script src="script/hhframe-1.0.0.js"></script>
    <script src="script/order.js"></script>
</head>
<body>
  
  <div class="framepage order">
    
    <!-- header -->
    <div class="header">
      <a href="javascript:history.back();" class="l1 hd-return">返回</a>
      <h1 class="hd-title">服务详情</h1>
      <a href="javascript:;" class="r1 hd-star">收藏</a>
    </div>
    
    <!-- content -->
    <div class="wrapper">
    <div class="content">
      
      <div class="baseinfo">
        <img src="image/svc02.jpg" />
        <div>
        <p class="gp"><span class="nprice">￥ 205</span><span class="oprice">店面价：￥ 250</span><span class="count">59 人做过</span></p>
        <p class="dp">选用美国进口睫毛 Lash be long，专业哑光睫毛适合亚洲人群；含睫毛清洁、不含卸睫毛；八天内可免费修补一次。睫毛根根分明、不易脱落。</p>
        <p class="tm">耗时：120分钟</p>
        </div>
      </div>
      
      <ul class="listview">
      <li><a href="#OrderTime" class="set_time">预约时间<span class="descp2">未预约</span></a></li>
      </ul>
      
      <div class="eminfo">
        <h3>选定的技师</h3>
        <div class="contt">
          <img src="image/employee.jpg" />
          <div>
          <p class="name">小马甲<span class="stars star4">星级</span></p>
          <p class="count">接单数：581</p>
          </div>
          <p class="descp">从业五年，擅长脸部皮肤护理和疏通经络，调理各类身体疲劳。</p>
        </div>
        <a href="javascript:;">顾客评论（561）</a>
      </div>
      
      <form action="orderform.html" method="post">
      <input type="hidden" name="shop_id" value="" />
      <input type="hidden" name="service_id" value="" />
      <input type="hidden" name="order_time" value="" class="order_time" />
      <input type="hidden" name="emid" value="" />
      </form>
      
      <a href="javascript:;" class="btn buy">购买</a>
    
    </div>
    </div>
    
    <!-- footer -->
    <div class="footer">
      <ul>
      <li><a href="index.html"><img src="icons/ft_home.png" /><p>首页</p></a></li>
      <li><a href="shoplist.html"><img src="icons/ft_list.png" /><p>商户</p></a></li>
      <li class="selected"><a href="services.html"><img src="icons/ft_service.png" /><p>服务</p></a></li>
      <li><a href="discount.html"><img src="icons/ft_discount.png" /><p>优惠</p></a></li>
      <li><a href="usercenter.html"><img src="icons/ft_user.png" /><p>用户</p></a></li>
      </ul>
    </div>
    
    <!-- OrderTime -->
    <div id="OrderTime">
      <div>
      
      <div class="header">
        <a href="javascript:;" class="l1 hd-return">返回</a>
        <h1 class="hd-title">选择预约时间</h1>
      </div>
      
      <div class="timetable">
      
      <ul class="cate">
      <li class="selected">今天<span>（忙）</span></li>
      <li>明天<span>（闲）</span></li>
      <li>后天<span>（闲）</span></li>
      <li>4.18<span>（闲）</span></li>
      </ul>
      
      <div>
        <ul class="ceil" data-date="2015-04-15">
        <li>10:00</li>
        <li>10:30</li>
        <li>11:00</li>
        <li>11:30</li>
        <li>12:00</li>
        <li>12:30</li>
        <li>13:00</li>
        <li>13:30</li>
        <li>14:00</li>
        <li>14:30</li>
        <li>15:00</li>
        <li>15:30</li>
        <li>16:00</li>
        <li>16:30</li>
        <li>17:00</li>
        <li>17:30</li>
        <li>18:00</li>
        <li>18:30</li>
        <li>19:00</li>
        <li>19:30</li>
        <li>20:00</li>
        <li>20:30</li>
        <li>21:00</li>
        <li>21:30</li>
        <li>22:00</li>
        <li>22:30</li>
        </ul>
        <ul class="ceil" data-date="2015-04-16">
        <li>10:00</li>
        <li>10:30</li>
        <li>11:00</li>
        <li>11:30</li>
        <li>12:00</li>
        <li>12:30</li>
        <li>13:00</li>
        <li>13:30</li>
        <li>14:00</li>
        <li>14:30</li>
        <li>15:00</li>
        <li>15:30</li>
        <li>16:00</li>
        <li>16:30</li>
        <li>17:00</li>
        <li>17:30</li>
        <li>18:00</li>
        <li>18:30</li>
        <li>19:00</li>
        <li>19:30</li>
        <li>20:00</li>
        <li>20:30</li>
        <li>21:00</li>
        <li>21:30</li>
        <li>22:00</li>
        <li>22:30</li>
        </ul>
        <ul class="ceil" data-date="2015-04-17">
        <li>10:00</li>
        <li>10:30</li>
        <li>11:00</li>
        <li>11:30</li>
        <li>12:00</li>
        <li>12:30</li>
        <li>13:00</li>
        <li>13:30</li>
        <li>14:00</li>
        <li>14:30</li>
        <li>15:00</li>
        <li>15:30</li>
        <li>16:00</li>
        <li>16:30</li>
        <li>17:00</li>
        <li>17:30</li>
        <li>18:00</li>
        <li>18:30</li>
        <li>19:00</li>
        <li>19:30</li>
        <li>20:00</li>
        <li>20:30</li>
        <li>21:00</li>
        <li>21:30</li>
        <li>22:00</li>
        <li>22:30</li>
        </ul>
        <ul class="ceil" data-date="2015-04-18">
        <li>10:00</li>
        <li>10:30</li>
        <li>11:00</li>
        <li>11:30</li>
        <li>12:00</li>
        <li>12:30</li>
        <li>13:00</li>
        <li>13:30</li>
        <li>14:00</li>
        <li>14:30</li>
        <li>15:00</li>
        <li>15:30</li>
        <li>16:00</li>
        <li>16:30</li>
        <li>17:00</li>
        <li>17:30</li>
        <li>18:00</li>
        <li>18:30</li>
        <li>19:00</li>
        <li>19:30</li>
        <li>20:00</li>
        <li>20:30</li>
        <li>21:00</li>
        <li>21:30</li>
        <li>22:00</li>
        <li>22:30</li>
        </ul>
      </div>
      
      </div>
      
      </div>	
    </div>
    
  </div>

</body>
</html>